<template>
<div class="io">
  <ul>
    <Tm v-for="(v,i) in arr" :key="i" :cakeimage="v.cakeimage" :cakename="v.cakename" :brandname="v.brandname" :cakeprice="v.cakeprice" :cakeoriginal="v.cakeoriginal" :rec="v.rec" :send="v.send"/>
  </ul>
</div>
  
</template>

<script>
import Tm from "c/cakeC/tomm.vue"
import {getlink} from "a/getapi.js"
export default {
   components:{
   Tm
  },
  data(){
    return {
      arr:[
        
      ]
    }
  },
  mounted(){
        getlink("/demo/data").then((ok)=>{
          // console.log(ok)
            this.arr=ok.data.arr1
        })
    },
}
</script>

<style scoped>
/* .io{
  padding: 0.2rem 0.18rem 0.1rem;
} */
ul{
    margin:0 auto;
    width:100%;
    /* margin-top: 0.04rem; */
    overflow-x: none;
    background-color: #f9f9f9;
}
</style>